<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
		<title>漫画</title>
		<link href="//cdn.bootcss.com/semantic-ui/2.2.1/semantic.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/style.css" />
		<script type="text/javascript" src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
		<script src="//cdn.bootcss.com/semantic-ui/2.2.1/semantic.min.js"></script>
		<script>
			$(document)
				.ready(function() {

					$('.ui.sidebar')
						.sidebar('attach events', '.toc.item');

				});
		</script>
	</head>

	<body>
		<!-- Sidebar Menu -->
		<div class="ui vertical inverted sidebar menu">
			<a class="item" href="index.html">首页</a>
			<a class=" active item" href="manga.html">漫画</a>
			<a class="item" href="animation.html">动画</a>
		</div>
		<div class="ui inverted vertical masthead center aligned segment navbar">
			<div class="ui container">
				<div class="ui large secondary inverted pointing menu">
					<a class="toc item">
						<i class="sidebar icon"></i>
					</a>
					<a class="item" href="index.html">首页</a>
					<a class=" active item" href="manga.html">漫画</a>
					<a class="item" href="animation.html">动画</a>
				</div>
			</div>
			<div class="ui text container logo-title">
				<h1 class="ui inverted header">
                    漫画
      </h1>
				<h2>原著的作品</h2>
				<span class="bg"></span>
				<img class="sun" src="img/sun.svg">
                <img class="blimp" src="img/blimp.svg">
			</div>
		</div>
		<section>
			<div class="pageContainer">
				<main class="content" id="js-content">
					<div class="portfolio isotope" id="js-portfolio">
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner">阿嫂各地噶梵蒂冈苏丹国dsf</span>
										</div>
									</figcaption>
									<img src="http://img.58dm.com/Upload/201305261337577187408.jpg" data-src="http://img.58dm.com/Upload/201305261337577187408.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner">aaaa</span>
										</div>
									</figcaption>
									<img src="http://pic.pimg.tw/yang1976/1368176440-1225597886.jpg" data-src="http://pic.pimg.tw/yang1976/1368176440-1225597886.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="http://www.3dmgame.com/uploads/allimg/140917/239_140917155334_1.jpg" data-src="http://www.3dmgame.com/uploads/allimg/140917/239_140917155334_1.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="http://www.ttadm.com/images/animedownload/aazx731.jpg" data-src="http://www.ttadm.com/images/animedownload/aazx731.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
											<span class="portfolio-itemArtist-inner shimura"></span>
										</div>
									</figcaption>
									<img src="http://www.animen.com.tw/FilesUpload/BNS/140804_9_0.jpg" data-src="http://www.animen.com.tw/FilesUpload/BNS/140804_9_0.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="http://comic.qq.com/z/dbz2/images/photo/d212.jpg" data-src="http://comic.qq.com/z/dbz2/images/photo/d212.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
											<span class="portfolio-itemArtist-inner fkng"></span>
										</div>
									</figcaption>
									<img src="http://dilidili.005.tv/images/cover/4000.jpg" data-src="http://dilidili.005.tv/images/cover/4000.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="http://img.xxdm.org/allimg/111116/2_11161TR13291.jpg" data-src="http://img.xxdm.org/allimg/111116/2_11161TR13291.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="http://hagaren.manmankan.com/UploadFiles_2335/201008/20100830155223540.jpg" data-src="http://hagaren.manmankan.com/UploadFiles_2335/201008/20100830155223540.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
											<span class="portfolio-itemArtist-inner shimura"></span>
										</div>
									</figcaption>
									<img src="http://pre04.deviantart.net/b5aa/th/pre/i/2015/221/a/f/overlord_by_asakurashinji-d94w9cx.jpg" data-src="http://pre04.deviantart.net/b5aa/th/pre/i/2015/221/a/f/overlord_by_asakurashinji-d94w9cx.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="http://img01.sogoucdn.com/app/a/100540002/767076.jpg" data-src="http://img01.sogoucdn.com/app/a/100540002/767076.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="http://i.imgur.com/vQeHMOr.jpg" data-src="http://i.imgur.com/vQeHMOr.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="http://img.ting1314.com/87dm/pic/jietu/Fei-Lun-Shao-Nian.jpg" data-src="http://img.ting1314.com/87dm/pic/jietu/Fei-Lun-Shao-Nian.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
											<span class="portfolio-itemArtist-inner fkng"></span>
										</div>
									</figcaption>
									<img src="http://i2.hdslb.com/sp/e8/e8d170710ec9241dffb73ae0245d90b6.jpg" data-src="http://i2.hdslb.com/sp/e8/e8d170710ec9241dffb73ae0245d90b6.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="http://vita-inc.com/tomorrow-land2016ss/" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
											<span class="portfolio-itemArtist-inner shimura"></span>
										</div>
									</figcaption>
									<img src="http://cdn.myanimelist.net/images/anime/3/79913.jpg" data-src="http://cdn.myanimelist.net/images/anime/3/79913.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="http://vita-inc.com/elle-taiwan/" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="http://img2081.poco.cn/mypoco/myphoto/20110715/14/5630569320110715140422019.jpg" data-src="http://img2081.poco.cn/mypoco/myphoto/20110715/14/5630569320110715140422019.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="http://vita-inc.com/sprite/" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="https://i.ytimg.com/vi/nXVFi-atQaw/maxresdefault.jpg" data-src="https://i.ytimg.com/vi/nXVFi-atQaw/maxresdefault.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="http://vita-inc.com/suqqu/" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
											<span class="portfolio-itemArtist-inner shimura"></span>
										</div>
									</figcaption>
									<img src="http://www.narutom.com/d/file/news/2016-05-28/98fb14c308dbcd53bb6256a7995c06f1.jpg" data-src="http://www.narutom.com/d/file/news/2016-05-28/98fb14c308dbcd53bb6256a7995c06f1.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner"></span>
										</div>
									</figcaption>
									<img src="http://0.blog.xuite.net/0/8/c/3/14969941/blog_333323/txt/8862726/5.jpg" data-src="http://0.blog.xuite.net/0/8/c/3/14969941/blog_333323/txt/8862726/5.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
						<article class="portfolio-item js-item advertising ">
							<a href="#!" class="">
								<figure>
									<figcaption class="portfolio-itemTitle">
										<div class="portfolio-itemTitleBlock">
											<span class="portfolio-itemTitle-inner">
                                                                                                                                    <img src="http://vita-inc.com/wordpress/wp-content/uploads/2016/06/vita-titleå-8.png">
                                                                                                                                    </span>
										</div>
									</figcaption>
									<img src="http://img8.dm530.net/pic/uploadimg/2015-4/4950.jpg" data-src="http://img8.dm530.net/pic/uploadimg/2015-4/4950.jpg" class="portfolio-itemImg js-lazy">
								</figure>
							</a>
						</article>
				</main>
				</div>
				<script src="js/libs.js"></script>
				<script src="js/all.js" charset="UTF-8"></script>
		</section>
		<footer>
			<div class="ui inverted vertical footer segment">
				<div class="ui container">
					<div class="ui stackable inverted grid">
						<div class="eight wide column">
							<h4 class="ui inverted header">联系我</h4>
							<div class="ui inverted link list">
								<a href="#">
									<img class="content-me" src="img/qq.png">
								</a>
								<a href="#">
									<img class="content-me" src="img/wechat.png">
								</a>
							</div>
						</div>
						<div class="eight wide column">
							<h4 class="ui inverted header">友情链接</h4>
							<div class="ui inverted link list">
								<a href="http://www.yxdown.com/news/" target="_blank">游讯新闻</a>
								<a href="http://tech.feng.com/" target="_blank">锋科技</a>
								<a href="http://www.geekfans.com/" target="_blank">极客迷</a>
								<a href="http://tv.cctv.com/lm/bjjt/" target="_blank">百家讲坛</a>
								<a href="http://beta.acfun.tv/" target="_blank">Acfun</a>
								<a href="http://www.bilibili.com/" target="_blank">blibli</a>
								<a href="http://www.dygang.com/" target="_blank">电影港</a>
							</div>
						</div>
					</div>
					<div class="ui inverted section divider"></div>
					<div class="ui center aligned container ">
						&copy;2016 Sroot. All rights reserved.</div>
				</div>
			</div>
		</footer>
	</body>

</html>